<!DOCTYPE html>
<html lang='ko'>
<head>
	<meta charset="UTF-8">
	<title>contesnt.html</title>
	<link rel='stylesheet' type='text/css' href='../css/main.css'/>
</head>
<body>
	<div class='title'>Img Tag</div>
	<h4>기본 이미지</h4>
	<img src='../images/ugc.jpg'></img>
	<h4>이미지의 사이즈 변경</h4>
	<img src=../images/ugc.jpg width=100px height=100px'>
	<h4>이미지의 외각선 지정</h4>
	<img src=../images/ugc.jpg width=100px height=100px border =10px'>
	
	<h4>주변 글자들과의 관계</h4>
	<font color=red>이미지와 문자들의 관계(이미지를 왼쪽에)</font>
	<img src=../images/ugc.jpg width=100px height=100px align='left'>
	<br><br><br><br><br>
	<font color=red>이미지와 문자들의 관계(이미지를 오른쪽에)</font>
	<img src=../images/ugc.jpg width=100px height=100px align='right'>
	<br><br><br><br><br>
	
	
	<div class='title'>2. 이미지를 사용한 링크만들기</div>
	<a href='http://www.naver.com'>
		<img src=../images/ugc.jpg width =150px height = 150px border=0>
	</a>
	
	<div class=title>3. 이미지에 title 속성</div>
	alt 속성은 웹표준과 웹접근성 측면에서 가장 중요한 요소중 하나임<br/>
	<img src=../images/ugc.jpg title='이뭐지'>
	
	<div class=title>4. usemap 사용하기</div>
	<img src=../images/ugc.jpg usemap='mymap' width =300px height = 300px >
	<map  name='mymap'>
		<area shape='rect'   coords='0,0,100,100' title='rect'   href=''>
		<area shape='circle' coords='0,100,100,100' title='circle' href=''>
		<area shape='poly'   coords='0,200,100,100,' title='poly'   href=''>
	
	</map>
	
</body>
</html>